<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="apple-mobile-web-app-title" content="天天来收租">
		<meta name="format-detection" content="telphone=no, email=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="HandheldFriendly" content="true">
		<meta name="MobileOptimized" content="320">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="screen-orientation" content="portrait">
		<meta name="browsermode" content="application">
		<meta name="full-screen" content="yes">
		<meta name="x5-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="app">
		<title>新人攻略</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/guide.css" />
		<style>
			#top_nav {
				position: fixed;
				top: 0;
				z-index: 9;
			}
			
			.zone {
				padding: 47px 0 0;
				height: calc(100vh - 47px);
				overflow: hidden;
				overflow-y: auto;
			}

			.logoimg2 {
				margin-top: -6vh;
				position: relative;
			}

			.box {
				position: relative;
			}

			.boxin {
				position: absolute;
				top: 3%;
			}

			.boximg1 {
				display: block;
				margin: 0 auto;
				width: 30%;
			}

			.boximg2 {
				display: block;
				margin: 5px auto;
				width: 50%;
			}

			.huang {
				display: flex;
				align-items: center;
				flex-direction: column;
			}

			.huang p {
				font-size: 14px;
				color: #FFFFFF;
				text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
				text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
			}

			.huang span {
				color: #ff0000;
			}

			.btnbox {
				display: flex;
				justify-content: flex-end;
				margin-top: 10%;
			}

			.btnbox button {
				width: 76px;
				margin-right: 8%;
			}

			.lingqu {
				width: 76px;
				margin-right: 10px;
				width: 80px;
				height: 35px;
				background: url('../img/help/yjjq2.png') no-repeat;
				background-size: 100% 100%;
				line-height: 33px;
				left: 40%;
				bottom: 5px;
			}


			.modal-code {
				/* display: block; */
			}


			.modal-code .modal-body {
				padding: 0 40px;
			}

			.modal-code .modal-body .zhunei {
				position: relative;
				width: 100%;
				height: 209px;
				background-color: #2EA3D3;
				border-radius: 7px;
				padding: 3px;
			}

			.modal-code .modal-body .zhunei .nei_jie {
				width: 100%;
				height: 100%;
				background-color: #f7e7ce;
				border-radius: 7px;
				padding: 2px;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son {
				border-radius: 7px;
				padding: 8px 18px;
				padding-top: 50px;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .jie_img {
				display: flex;
				align-items: center;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .jie_img img {
				width: 45px;
				height: 42px;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .jie_img .bot_img {
				margin-left: 12px;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .jie_img .bot_img .tit_top {
				font-size: 15px;
				font-family: DFPYuanW7-GB;
				font-weight: 400;
				color: #5A4531;
				line-height: normal;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .jie_img .bot_img .tit_bot {
				font-size: 12px;
				font-family: DFPYuanW7-GB;
				font-weight: 400;
				color: #896541;
				line-height: normal;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .duihuan {
				font-size: 13px;
				font-family: DFPYuanW7-GB;
				font-weight: 400;
				color: #896541;
				margin-bottom: 15px;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .inp {
				width: 100%;
				height: 39px;
				/* border: none !important; */
				background-color: #dfc2a4;
				border: 1px solid #715237;
				box-shadow: none;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .yuehuan_tit {
				font-size: 13px;
				font-family: DFPYuanW7-GB;
				font-weight: 400;
				color: #896541;
				margin-top: 20px;
				text-align: center;
			}

			.modal-code .modal-body .zhunei .nei_jie .nei_son .quren_btn {
				width: 67px;
				height: 34px;
				line-height: 31px;
				margin: 0 auto;
				margin-top: 20px;
				text-align: center;
				background: url('http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/green.png') no-repeat;
				background-size: 100% 100%;
				font-size: 18px;
				font-family: DFPYuanW7-GB;
				font-weight: 700;
				color: #FEFEFE;
				text-shadow: 1px 1px 1px #269917, 1px -1px 1px #269917, -1px 1px 1px #269917, -1px -1px 1px #269917;
			}
			
			.cha {
			  position: absolute;
			  width: 35px;
			  height: 35px;
			  right: -10px;
			  top: -10px;
			}
			
		</style>
	</head>
	<body>
		<div class="zone">
			<div class="top" id="top_nav">
				<img class="top_img" id="top_img" src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/jiantou.png" alt="">
				<div class="title" id="title_name">新人攻略</div>
				<div class="zujin" id="zujinlq" style="display: none;">房产收益</div>
			</div>
			<div class="main">
				<div class="box">
					<img class="logoimg" src="../img/help/top.png" alt="">
					<div class="boxin">
						<img class="boximg1" src="../img/help/logo.png" alt="">
						<img class="boximg2" src="../img/help/yjjq.png" alt="">
						<div class="huang">
							<p>QQ群礼包：加入QQ群索取激活码，领取介绍信！</p>
							<p>说明1：官方的重要信息会第一时间通过Q群发布</p>
							<p>说明2：加入官方QQ群号：<span id="qqnum"></span>获取激活码</p>
						</div>
						<div class="btnbox">
							<!-- <button><img src="../img/help/yjjq2.png" alt=""></button> -->
							<a id="yijianqqqun" class="lingqu" target="_blank"
								href="https://qm.qq.com/cgi-bin/qm/qr?k=FHXAlnNijJ44gqsI5DYSx-P4ovNywGit&jump_from=webapi&authKey=JlqzToayiGf8sGyjj1b4iu4kaiXJJAp7YGG1pLHsh4X09oQvKp3LH/qeaWNnnIFj"></a>
							<button id="lingqu2"><img src="../img/help/ljdh.png" alt=""></button>
						</div>
						<!-- !一件加群 -->
					</div>
				</div>
				<img class="logoimg2" src="../img/help/jj.png" alt="">
			</div>
			<!-- 点击了立即领取弹出兑换码 -->
			<div class="modal modal-code" id="modal-code">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="zhunei">
						<div class="nei_jie">
							<div class="nei_son">
								<p class="duihuan">兑换框</p>
								<input type="text" class="inp" name="" id="inp" />
								<p class="yuehuan_tit">点击兑换框输入兑换码</p>
								<div class="quren_btn" id="quren_btn">确认</div>
							</div>
						</div>
						<img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/x.png" class="cha" id="cha2"
							alt="" />
					</div>
				</div>
			</div>
			
			<!-- 刘欣 新手引导 -->
			<div class="modal modal-guide" id="modal-guide">
				<div class="modal-mask"></div>
			</div>
			<img class="point" id="guide-point" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/guide-point.png" alt="">
			<!-- 刘欣 引导查看弹框 -->
			<div class="modal modal-guide-view" id="modal-guide-view">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<img src="http://img.qxgs.cc/tiantianlaishouzu/img/comic/renwu.png" alt="">
					<div class="view-content">
						<p id="guide-view-text">默认的提示内容，请更新后再弹出</p>
						<button id="guide-view-btn">确定</button>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
		<!-- <script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script> -->
		<script src="../js/guide.js" type="text/javascript" charset="utf-8"></script>
		<script>
			let ele = {};
			ele.top_nav = $("#top_nav");
			ele.yijianqqqun = $("#yijianqqqun");
			ele.modal_code = $("#modal-code");
			ele.quren_btn = $("#quren_btn");
			ele.inp = $("#inp");
			ele.cha2 = $("#cha2");
			ele.lingqu2 = $("#lingqu2");
			ele.qqnum = $('#qqnum');
			
			ele.top_nav.onclick = () => {
				guide.hideStrategy_5();
				history.back();
			}
			
			// 点击差后关闭兑换
			ele.cha2.onclick = () => {
			  closeMdl(ele.modal_code);
			  // 刘欣 引导 2023-6-21 18:55:14
			  let ugid = guide.getUsersGuideId("userGuideId");
			  // 兑换礼包码
			  if (~[4].indexOf(ugid)) {
			    guide.hideStrategy_4();
			  }
			};
			// 点击立即领取后打开兑换
			ele.lingqu2.onclick = () => {
			  ele.inp.value = "";
			  openMdl(ele.modal_code);
			  // 刘欣 引导 2023-6-21 14:55:14
			  let ugid = guide.getUsersGuideId("userGuideId");
			  // 兑换礼包码
			  if (~[3].indexOf(ugid)) {
			    guide.hideStrategy_3();
			    guide.showStrategy_4();
			  }
			};
			// !一键加群
			
			// !点击确认之后获取到value里值
			ele.quren_btn.onclick = () => {
			  let inpVal = ele.inp.value.trim();
			  if (inpVal.length == 0) {
			    ele.inp.value = "";
			    return openTips("请输入兑换码！");
			  }
			  // 发请求
			  codeAsunc(inpVal);
			};
			
			// 兑换码
			function codeAsunc(data) {
			    let token = getCookie("token");
			    ajax({
			      method: "post",
			      url: API_PATH.CODE,
			      header: {
			        Authorization: token,
			      },
			      data: {
			        code: data,
			      },
			      success: (res) => {
			        openTips(res.msg);
			        if (res.code == 1) {
			          closeMdl(ele.modal_code);
			          // 在请求一次
			          initAsync();
			          // 刘欣 引导 2023-7-18 17:07:14
						let ugid = guide.getUsersGuideId("userGuideId");
			          // 兑换礼包码
			          if (~[4].indexOf(ugid)) guide.hideStrategy_4();
			        }
			      },
			      error: (err) => {
			        // openTips(err.msg);
			      },
			    });
			  }
			  
			  getCongig();
			  // 广告加速器
			  function getCongig() {
			  	let token = getCookie("token");
			  	ajax({
			  		url: API_PATH.GET_CONGIG,
			  		method: 'get',
			  		header: {
			  			'Authorization': token,
			  		},
			  
			  		success: res => {
			  			if (res.code == 1) {
							ele.qqnum.innerHTML = res.data.qq_num
			  			} else openTips(res.msg || '未知错误');
			  		}
			  	});
			  }
		</script>
	</body>
</html>